body {
  margin: 0 auto;
}

.box {
  display: flex;
  width: 100%;
  font-size: 0.1867rem;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box .header {
  width: 100%;
  background: #ffffff;
}
.box .header h2 {
  margin-top: 0.0667rem;
  text-align: center;
  font-size: 0.4267rem;
}
.box .header .banner {
  width: 100%;
  height: 2.3467rem;
  padding: 0 0.4rem;
  margin: 0.2933rem 0;
  text-align: center;
  line-height: 2.3467rem;
}
.box .header .banner img {
  width: 100%;
}
.box .header .search {
  position: relative;
  width: 100%;
  height: 0.96rem;
  text-align: center;
  line-height: 0.96rem;
  padding: 0 0.4rem;
  margin: 0.4267rem 0;
}
.box .header .search input {
  width: 100%;
  height: 100%;
  padding-left: 1.0133rem;
  border: none;
  border-radius: 0.4267rem;
  background: #f6f6f6 url(../images/search.png) no-repeat 0.1867rem 0.1867rem;
  background-size: 0.6rem 0.6rem;
  font-size: 0.3733rem;
  line-height: 0.96rem;
}
.box .header .search .doIs {
  display: none;
}
.box .header .search .doIs .select {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0.2667rem;
  display: flex;
  height: 0.96rem;
  font-family: Source Han Sans CN;
  font-size: 0.3733rem;
  font-weight: 400;
  color: #000000;
  opacity: 1;
  line-height: 0.96rem;
}
.box .header .search button {
  width: 0.7467rem;
  font-size: 0.3733rem;
  font-family: Source Han Sans CN;
  line-height: 0.64rem;
  color: #000000;
  opacity: 1;
  border: none;
  background: none;
}
.box .header .search .cancel {
  margin-top: -0.0933rem;
  margin-right: 0.0533rem;
  background: url(../images/cancel.png) no-repeat;
  background-size: 0.6rem 0.6rem;
}
.box .header .search .border {
  width: 0.0267rem;
  height: 0.4267rem;
  margin-right: 0.2667rem;
  background: rgba(0, 0, 0, 0.39);
  opacity: 0.5;
  border: 3px;
}
.box .header .search .check {
  margin-right: 0.6667rem;
  margin-top: -0.5333rem;
  font-weight: 500;
  outline: none;
}
.box .no {
  margin-top: 2.6667rem;
}
.box .no img {
  width: 4.9333rem;
  height: 4.9333rem;
}
.box .content {
  width: 100%;
  text-align: center;
}
.box .content .message_item {
  display: none;
  height: 3.4667rem;
  margin: 0.2933rem 0.4rem 0 0.4rem;
  background: #ffffff;
  opacity: 1;
  border-radius: 0.2133rem;
}
.box .content .message_item .item-h {
  position: relative;
  width: 100%;
  padding: 0 !important;
  border-bottom: 2px solid #f6f6f6;
  height: 1.08rem;
  font-size: 0.3733rem;
  font-weight: 500;
  line-height: 1.0667rem;
  text-align: left;
}
.box .content .message_item .item-h .goodsName,
.box .content .message_item .item-h .goodsNames,
.box .content .message_item .item-h .msg {
  position: absolute;
  top: 0;
}
.box .content .message_item .item-h .goodsName {
  left: 0;
  margin-left: 0.4267rem;
}
.box .content .message_item .item-h .goodsNames {
  width: 2.6667rem;
  left: 0;
  margin-left: 2.2667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box .content .message_item .item-h .msg {
  right: 0;
  margin-right: 0.4267rem;
}
.box .content .message_item .item-b {
  position: relative;
  width: 100%;
  padding: 0 0.4267rem;
  height: 2.4267rem;
  font-size: 0.3733rem;
  font-family: Source Han Sans CN;
  font-weight: 450;
  color: #000000;
  opacity: 0.5;
}
.box .content .message_item .item-b .orderMsg {
  display: flex;
  align-items: center;
  margin-top: 0.1333rem;
}
.box .content .message_item .item-b .orderMsg div {
  margin-right: 0.2933rem;
}
.box .content .message_item .item-b .orderMsg .buyer {
  margin-right: 0.64rem;
}
.box .content .message_item .item-b .orderMsg .copy {
  width: 0.4667rem;
  height: 0.4667rem;
  padding-top: -20px;
}
.box .content .message_item .item-b .orderMsg .copy button {
  border: 0;
  background: none;
}
.box .content .message_item .item-b .orderMsg .copy button img {
  width: 100%;
}
.box .content .message_item .item-b .detail {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  margin: 0 0.3333rem 0.4667rem 0;
  border: 2px solid #ff2442;
  border-radius: 28px;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  opacity: 1;
}
.box .content .message_item .item-b .detail a {
  color: #ff2442;
}
.box .content .message_item .item-b .detail button {
  border: 0;
  color: #ff2442;
  background: none;
  opacity: 1;
}

.block {
  display: block !important;
}

.kong {
  display: none;
  margin-top: 2.5333rem;
}
.kong img {
  width: 4.3467rem;
  height: 3.7467rem;
}